<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>时尚街拍_唯然图片分享</title>
		<!--<link rel="shortcut ico n" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link rel="shortcut icon" href="" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<!--奥森字体-->
		<link rel="stylesheet" type="text/css" href="css/style-wr.css"/>
		<link rel="stylesheet" type="text/css" href="css/jw-wr.css"/>
	</head>

	<body>
		<!--头部-->
		<header class="jw-wr-header">
			<nav class="wr-nav">
				<ul class="clearfix">
					<li>
					<div class="subnav">
						
					</div>
					<div class="seach">
						<form action="" method="post">	
							<span class="whole">
								全部
							</span>
							<input class="search-box" type="text" placeholder="搜索下更喜欢？">
								
							</input>
							<span class="seach-btn">		
							</span>
						</form>
					</div></li>
					<li>
						<a href="">
							<img src="img/logo.jpg"/>
						</a>
					</li>
					<li>
						<a href="index.html">
							<strong>«</strong>返回觉唯设计
						</a>
						|
						<a href="">登录</a>|
						<a href="">注册</a>
						
					</li>
				</ul>
			</nav>
		</header>
		<section class="container">
			<div id="container">
	<div class="grid">
		<div class="imgholder">
			<img src="img/2519522526e7cf1b2e2d325.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
		
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/260028484aceec9144c177b.png" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26102255c3a19e52a886850.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26103245e74bc049e9b01c9.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2610340412d3b1294d94d67.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	
	<div class="grid">
		<div class="imgholder">
			<img src="img/261037007dee0d8dbd71f1f.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2610393378de211112f9a05.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26104209d1e4e888252a164.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
		<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>Sun Flower</strong>
		<p>Good Morning Sun flower...</p>
		<div class="meta">by Zsolt Zsigmond</div>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2610393378de211112f9a05.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26104209d1e4e888252a164.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div><div class="grid">
		<div class="imgholder">
			<img src="img/2610393378de211112f9a05.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26104209d1e4e888252a164.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/261043039576148411194df.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/26105322b05ab01967eeaa5.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
	<div class="grid">
		<div class="imgholder">
			<img src="img/2810270919a408573a1e82b.jpg" />
			<div class="imgholder-box">
				<a href="#" class="imgholder-box-look"></a>
				<a href="#" class="imgholder-box-link"></a>		
			</div>
		</div>
		<strong>女版美国队长</strong>
		
		<p>暂时没有评论，你可以成为第一人</p>
	</div>
		<div class="loading" id="loading">
				<p><i class="fa fa-spinner fa-pulse"></i></p>
		</div>
		</section>
		<!--底部-->

		<footer class="jw-wr-footer"></footer>

		
		
		
	<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
	<script  src="js/jquery.min.js" ></script>
	<script src="js/blocksit.min.js"></script>
	<script src="js/jw-wr.js">
		
	</script>
	<script>
$(document).ready(function() {
	//blocksit define
	$(window).load( function() {
		$('#container').BlocksIt({
			numOfCol: 5,
			offsetX: 8,
			offsetY: 8,
			blockElement: '.grid'
		});
	});	
//window resize
	var currentWidth = 1100;
	$(window).resize(function() {
		var winWidth = $(window).width();
		var conWidth;
		if(winWidth < 660) {
			conWidth = 440;
			col = 2
		} else if(winWidth < 880) {
			conWidth = 660;
			col = 3
		} else if(winWidth < 1100) {
			conWidth = 880;
			col = 4;
		} else {
			conWidth = 1100;
			col = 5;
		}
		
		if(conWidth != currentWidth) {
			currentWidth = conWidth;
			$('#container').width(conWidth);
			$('#container').BlocksIt({
				numOfCol: col,
				offsetX: 8,
				offsetY: 8
			});
		}
	});
});
</script>
	</body>

</html>